export default {
    install: function (app, options) {
        console.log("这是一个自定义组件");


        // Vue3 定义全局属性  组件  指令  
        app.config.globalProperties.$a = 1;
        app.config.globalProperties.$b = 2;

        // 全局组件
        app.component("comp-a", {
            data() {
                return {

                }
            },
            template: `
        <h2>这是组件A</h2>
        <p>{{$a}}</p>
        <p>{{$b}}</p>
    `
        })



        // 全局指令
        app.directive("color", function (el, binding) {
            el.style.color = binding.value;
        })

        // 全局依赖注入
        app.provide("x", 10);
        app.provide("y", 20);

    }
}